<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta charset="UTF-8" />
	<title>首页</title>
	<link rel="stylesheet" href="__STATIC__/css/animate.css" />
	<!-- 引头部 -->
	<include file="__VIEW__/Common/right.html"/>
	<!--白色导航栏开始-->
	<div id="white-nav">
		<div class="white-nav-box">
			<ul class="nav-list">
				<li><a href="">美妆商城首页</a></li>
				<!-- 循环顶级标签 -->
				<foreach from="$cateData" key="$k" value="$v">
					<li><a href="{|U:'List/index',array('cid'=>$v['cid'])}">{$v.cname}</a></li>
				</foreach>
			</ul>
			<span class="white-nav-line"></span>
		</div>
	</div>
	<!--白色导航栏结束-->
	<!--主体开始-->
	<div id="main">
		<!--左侧二级菜单开始-->
		<div class="main-left">
			<p class="main-left-title">全部分类</p>
			<ul class="main-list">
				<!-- 循环顶级标签 -->
				<foreach from="$cateData" key="$k" value="$v">
					<li class="er-meau-title">
						<p class="title">{$v.cname}</p>
						<p class="title-c">
							<!-- 循环顶级标签的子级标签 -->
							<foreach from="$v['son']" key="$ke" value="$va">
								<a href="{|U:'List/index',array('cid'=>$va['cid'])}" class="title-text">{$va.cname}</a>
							</foreach>
							<!-- 循环顶级标签的子级标签结束 -->
						</p>
						<div class="er-meau">
							<div class="er-meau-left">
								<p class="top-title">
									<span></span>
									日常{$v.cname}
								</p>
								<!-- 循环顶级标签的子级标签 -->
								<foreach from="$v['son']" key="$ke" value="$va">
									<div class="cate-box">
										<div class="left-title"><a href="{|U:'List/index',array('cid'=>$va['cid'])}">{$va.cname}</a></div>
										<ul class="cate-son">
											<!-- 循环顶级标签的子级的子级标签 -->
											<foreach from="$va['_son']" key="$key" value="$value">
												<li class="cate-son-text"><a href="{|U:'List/index',array('cid'=>$value['cid'])}">{$value.cname}</a></li>
											</foreach>
											<!-- 循环顶级标签的子级的子级标签结束 -->
										</ul>
									</div>
								</foreach>
								<!-- 循环顶级标签的子级标签结束 -->
							</div>
							<div class="er-meau-rigth">
								<p class="top-title">
									<span></span>
									推荐品牌
								</p>
								<div class="recommend-box">
									<foreach from="$brandData" key="$kk" value="$vv">
										<a href="{|U:'List/index',array('cid'=>$v['cid'],'bid'=>$vv['bid'])}"><img src="__ROOT__/{$vv.logo}" alt="{$vv.bname}" /></a>
									</foreach>
								</div>
							</div>
						</div>
					</li>
				</foreach>
				<!-- 循环顶级标签结束 -->
			</ul>
			<div class="left-logo">
				<a href="">
					<img src="__PUBLIC__/images/main-left-logo.jpg" alt="" />
				</a>
			</div>
		</div>
		<!--左侧二级菜单结束-->
		<!--轮播图开始-->
		<div class="lunbo">
			<div class="lunbo-img-box">
				<a href="{|U:'List/index',array('cid'=>7)}" style="display: block;">
					<img src="__PUBLIC__/images/lunbo1.jpg"/>
				</a>
				<a href="{|U:'List/index',array('cid'=>7)}">
					<img src="__PUBLIC__/images/lunbo2.jpg"/>
				</a>
				<a href="{|U:'List/index',array('cid'=>7)}">
					<img src="__PUBLIC__/images/lunbo3.jpg"/>
				</a>
			</div>
			<ul class="lunbo-list">
				<li style="background-color: #D10048;"></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<!--轮播图结束-->
		<!--右侧广告开始-->
		<ul class="main-right">
			<li>
				<a href="" class="main-right-logo">
					<img src="__PUBLIC__/images/main-right-logo1.jpg" alt="" class="animated" />
				</a>
			</li>
			<li>
				<a href="" class="main-right-logo">
					<img src="__PUBLIC__/images/main-right-logo2.jpg" alt="" class="animated"/>
				</a>
			</li>
			<li>
				<a href="" class="main-right-logo">
					<img src="__PUBLIC__/images/main-right-logo3.jpg" alt="" class="animated"/>
				</a>
			</li>
		</ul>
		<!--右侧广告结束-->
		<!--底部品牌开始-->
		<div class="main-bottom">
			<ul class="top-title">
				<li style="color: #ED155B;">推荐商品</li>
				<!-- <li>独家品牌</li>
				<li>欧美品牌</li>
				<li>日韩品牌</li>
				<li>国货品牌</li>
				<li>洗护品牌</li> -->
				<!-- <div class="hua">
					<span class="sanjiao"></span>
				</div> -->
			</ul>
			<div class="brand-box-all">
				<!--滑块第一页-->
				<div class="brand-box" style="display: block;">
					<!-- <ul class="bottom-left">
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/main-bottom-left-logo.jpg" alt="" /></a></li>
					</ul>
					<div class="bottom-right">
						<a href="" class="big-logo"><img src="__PUBLIC__/images/main-bottom-left-logo2.jpg" alt="" /></a>
						<div class="page">
							<span class="left"></span>
							<span class="right"></span>
						</div>
					</div> -->
					<div class="click-left">
						<div class="left"></div>
					</div>
					<div class="goods-all-box">
						<div class="goods-box">
							<foreach from="$goodHotData" key="$k" value="$v">
								<a href="{|U:'Content/index',array('gid'=>$v['gid'])}" class="good-box">
									<img src="__ROOT__/{$v.gpic}" alt="" class="gpic" />
									<div class="title-box">
										<p class="gname">
											{$v.gname}
										</p>
										<p class="price">
											 ¥{$v.new_price} <span> ¥{$v.old_price}</span>
										</p>
									</div>
								</a>
							</foreach>
						</div>
					</div>
					<div class="click-right">
						<div class="right"></div>
					</div>
				</div>
				<!--滑块第一页结束-->
				<!--滑块第二页-->
				<!-- <div class="brand-box">
					<ul class="bottom-left">
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
						<li><a href=""><img src="__PUBLIC__/images/28473_163_100_002-web.jpg" alt="" /></a></li>
					</ul>
					<div class="bottom-right">
						<a href="" class="big-logo"><img src="__PUBLIC__/images/main-bottom-left-logo2.jpg" alt="" /></a>
						<div class="page">
							<span class="left"></span>
							<span class="right"></span>
						</div>
					</div>
				</div> -->
				<!--滑块第二页结束-->
				<!--滑块第三页-->
				<!-- <div class="brand-box">
					<ul class="bottom-left">
						<li><a href=""><img src="__PUBLIC__/images/28498_163_100_006-web.jpg" alt="" /></a></li>
					</ul>
					<div class="bottom-right">
						<a href="" class="big-logo"><img src="__PUBLIC__/images/main-bottom-left-logo2.jpg" alt="" /></a>
						<div class="page">
							<span class="left"></span>
							<span class="right"></span>
						</div>
					</div>
				</div> -->
				<!--滑块第三页结束-->
				<!--滑块第四页开始-->
				<!-- <div class="brand-box">
					<ul class="bottom-left">
						<li><a href=""><img src="__PUBLIC__/images/34876_163_100_002-web.jpg" alt="" /></a></li>
					</ul>
					<div class="bottom-right">
						<a href="" class="big-logo"><img src="__PUBLIC__/images/main-bottom-left-logo2.jpg" alt="" /></a>
						<div class="page">
							<span class="left"></span>
							<span class="right"></span>
						</div>
					</div>
				</div> -->
				<!--滑块第四页结束-->
				<!--滑块第五页结束-->
				<!-- <div class="brand-box">
					<ul class="bottom-left">
						<li><a href=""><img src="__PUBLIC__/images/34817_163_100_002-web.jpg" alt="" /></a></li>
					</ul>
					<div class="bottom-right">
						<a href="" class="big-logo"><img src="__PUBLIC__/images/main-bottom-left-logo2.jpg" alt="" /></a>
						<div class="page">
							<span class="left"></span>
							<span class="right"></span>
						</div>
					</div>
				</div> -->
				<!--滑块第五页结束-->
				<!--滑块第六页结束-->
				<!-- <div class="brand-box">
					<ul class="bottom-left">
						<li><a href=""><img src="__PUBLIC__/images/34521_163_100_002-web.jpg" alt="" /></a></li>
					</ul>
					<div class="bottom-right">
						<a href="" class="big-logo"><img src="__PUBLIC__/images/main-bottom-left-logo2.jpg" alt="" /></a>
						<div class="page">
							<span class="left"></span>
							<span class="right"></span>
						</div>
					</div>
				</div> -->
				<!--滑块第六页结束-->
			</div>
		</div>		
		<!--底部品牌结束-->
	</div>
	<!--主体结束-->
	<!--精选活动文字开始-->
	<div id="sift">
		<span class="logo"></span>
	</div>
	<!--精选活动文字结束-->
	<!--活动板块开始-->
	<div id="sift-list-box">
		<ul id="sift-list">
			<foreach from="$goodData" key="$k" value="$v">
				<li>
					<a href="{|U:'Content/index',array('gid'=>$v['gid'])}" class="sift-one-box">
						<div class="big-logo-box">
							<img class="big-logo" src="__ROOT__/{$v.gpic}" alt="" />
						</div>
						
						<!-- <p class="time">距活动结束00：00：00：00</p> -->
						<div class="sift-title-box">
							<p class="sift-title">{$v.gname}</p>
							<p class="sift-title-s">聚美优品</p>
							<p class="sift-money">
								<span class="new">¥{$v.new_price} </span><span class="old"> ¥{$v.old_price}</span>
							</p>
						</div>
						<img src="__PUBLIC__/images/sift-logo.jpg" alt="" class="sift-logo"/>
					</a>
				</li>
			</foreach>
		</ul>
	</div>
	<!--活动板块结束-->
	<!--网站底部白色区域开始-->
	<div id="bottom-white">
		<!--第一层最大美妆电商层-->
		<ul class="first">
			<li style="width:130px">
				<a href="" style="width:130px">
					<span class="logo1"></span>
					<p class="web-title">最大美妆电商</p>
					<p class="web-title-s">四千万用户信赖</p>
				</a>
			</li>
			<li style="width:170px">
				<a href="" style="width:170px">
					<span class="logo2"></span>
					<p class="web-title">成功在美上市</p>
					<p class="web-title-s">股票代码NYSE:JMEI</p>
				</a>
			</li>
			<li>
				<a href="">
					<span class="logo3"></span>
					<p class="web-title">品牌防伪码</p>
					<p class="web-title-s">支持品牌官网验真</p>
				</a>
			</li>
			<li style="width:168px">
				<a href="" style="width:168px">
					<span class="logo4"></span>
					<p class="web-title">30天无理由退货</p>
					<p class="web-title-s">只要不满意无理由退货</p>
				</a>
			</li>
			<li style="width:170px">
				<a href="" style="width:170px">
					<span class="logo5"></span>
					<p class="web-title">百万用户口碑</p>
					<p class="web-title-s">帮你只选对的,不选贵的</p>
				</a>
			</li>
			<li style="width:158px">
				<a href="" style="width:158px">
					<span class="logo6"></span>
					<p class="web-title">订单闪电发货</p>
					<p class="web-title-s">1.5小时订单急速出库</p>
				</a>
			</li>
			<li style="width:134px">
				<a href="" style="width:134px">
					<span class="logo6"></span>
					<p class="web-title">大牌明星热荐</p>
					<p class="web-title-s">打造精致明星脸</p>
				</a>
			</li>
		</ul>
		<!--第一层最大美妆电商层结束-->
		<!--第二层服务保证开始-->
		<div class="second">
			<ul class="second-list1">
				<li class="title">服务保障</li>
				<li><a href="">品牌真品防伪码</a></li>
				<li><a href="">100%正品保证</a></li>
				<li><a href="">30天无条件退货</a></li>
				<li><a href="">7×24小时客服服务</a></li>
				<li><a href="">总裁邮箱ceo@jumei.com</a></li>
			</ul>
			<ul>
				<li class="title">使用帮助</li>
				<li><a href="">新手指南</a></li>
				<li><a href="">常见问题</a></li>
				<li><a href="">帮助中心</a></li>
				<li><a href="">用户协议</a></li>
				<li><a href="">企业用户团购</a></li>
			</ul>
			<ul>
				<li class="title">支付方式</li>
				<li><a href="">货到付款</a></li>
				<li><a href="">在线支付</a></li>
				<li><a href="">余额支付</a></li>
				<li><a href="">现金券支付</a></li>
			</ul>
			<ul>
				<li class="title">配送方式</li>
				<li><a href="">包邮政策</a></li>
				<li><a href="">配送说明</a></li>
				<li><a href="">运费说明</a></li>
				<li><a href="">验货签收</a></li>
			</ul>
			<ul class="second-list2">
				<li class="title">售后服务</li>
				<li><a href="">正品承诺</a></li>
				<li><a href="">售后咨询</a></li>
				<li><a href="">退货政策</a></li>
				<li><a href="">退货办理</a></li>
			</ul>
			<div class="code">
				<p style="margin-right: 40px;">
					<span class="phone-title">手机聚美</span>
					<span class="code-phone"></span>
					<span class="download">下载移动客户端</span>
				</p>
				<p>
					<span class="phone-title">聚美微信</span>
					<span class="code-wechat"></span>
					<span class="download">聚美官方微信</span>
				</p>
			</div>
		</div>
		<!--第二层服务保证结束-->
		<!--第三层为自己代言开始-->
		<div class="third">
		</div>
		<!--第三层为自己代言结束-->
	</div>
	<!--网站底部白色区域结束-->
	<!--底部第一层黑色区域开始-->
	<div id="first-black">
		<div class="first-black-box">
			<a href="">关于聚美优品</a>
			<a href="">INVESTOR RELATIONS</a>
			<a href="">商家入驻</a>
			<a href="">获取更新</a>
			<a href="">加入聚美</a>
			<a href="">品牌合作专区</a>
			<a href="">网站联盟</a>
			<a href="">媒体报道</a>
			<a href="">商务合作</a>
		</div>
	</div>
	<!--第一层黑色区域结束-->
	<!--第二层黑色开始-->
	<div id="second-black">
		<div class="second-black-box">
			<p>COPYRIGHT © 2010-2015 北京创锐文化传媒有限公司 JUMEI.COM 保留一切权利。 客服热线：400-123-8888 </p>
			<br />
			<p>京公网安备 11010102001226 | <a href="">京ICP备10046944号</a> | 食品流通许可证 SP1101051110165515（1-1）                     | <a href="">营业执照</a></p>
			<p class="bottom-logo-box">
				<a href="" class="bottom-logo1"></a>
				<a href="" class="bottom-logo2"></a>
				<a href="" class="bottom-logo3"></a>
				<a href="" class="bottom-logo4"></a>
				<a href="" class="bottom-logo5"></a>
			</p>
		</div>
	</div>
	<!--第二层黑色结束-->
	<!--顶部搜索栏开始-->
	<div id="top-seach">
		<div class="top-seach-box">
			<span class="seach-logo"></span>
			<form action="" method="post" class="top-seach-form">
				<input type="text" name="" class="top-seach-text" placeholder="眼线笔"/>
				<input type="submit" value="搜美妆" class="top-seach-submit"/>
			</form>
		</div>
	</div>
	<!--顶部搜索栏结束-->
</body>
</html>